// pages/search/search.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    inpval: "",
    // 输入框输入的值
    InputValue: '',
    newSearch: [],
    // 存储搜索历史记录
    searchRecord: []
  },
  // 点击删除搜索记录
  del(e) {
    let {
      index
    } = e.currentTarget.dataset
    // 拿到总数据 用splice 实现删除
    this.data.searchRecord.splice(index, 1)
    // 删除完之后 从新赋值
    this.setData({
      searchRecord: this.data.searchRecord
    })
    // 更新存储到本地
    wx.setStorageSync('search', this.data.searchRecord)
  },
  // 输入框事件
  // 搜索的数据
  search(e) {
    console.log(e.detail.value);
    this.setData({
      InputValue: e.detail.value
    })
  },
  // 回撤事件 
  // 当回撤事件时 主要做了四件事
  keyDwonsearch() {
    // 创建对象
    let obj = {
      name: this.data.InputValue
    }
    // 添加数据
    this.data.searchRecord.push(obj)
    // 修改数据
    this.setData({
      searchRecord: this.data.searchRecord
    })
    // 存储到本地
    wx.setStorageSync('search', this.data.searchRecord)

    // 然后跳转到商品列表页面
    wx.navigateTo({
      url: `/pages/search/search?value=${this.data.InputValue}`,
    })
  },
  // 搜索数据点击跳转
  over(e) {
    let {
      value
    } = e.currentTarget.dataset
    wx.navigateTo({
      url: `/pages/search/search?value=${value}`,
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 修改数据
    this.setData({
      searchRecord: this.data.searchRecord
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})